* {
	margin: 0;
	padding: 0;
	outline: none;
}
body {
	overflow: hidden;
	height: auto;
	background-color: rgba(0, 0, 0, 0.85);
}

#lsSliderWrapper {
	display: block;
	opacity: 1;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}

.scene {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.stage {
	position: absolute;
	width: 100%;
	height: 100%;
	font-size: 30px;
	display: none;
	/*top: 100%;*/
	/*z-index: 80;*/
}

.active {
	top: 0;
	display: block;
	/*z-index: 81;*/
}

#lsMask1>img {
	width: 100%;
	height: 100%;
}
#lsMask2>img {
	width: 100%;
	height: 100%;
}
#lsProgress {
	position: absolute;
	display: none;
	left: 20%;
	bottom: 70px;
	width: 60%;
	height: 2px;
	/*margin: 50px auto;*/
	/*background-color: rgba(0, 0, 0, 0.4);*/
	background-color: rgba(255, 255, 255, 0.4);
	/*opacity: 0.1;*/
	border-radius: 1px;
	text-align: center;
	opacity: 0;
	pointer-events: none;
}
.fullwidth .expand {
	width: 100%;
	height: 5px;

	background-color: rgba(0, 0, 0, 1);
	/*position: relative;*/
	/*box-shadow:0px 0px 10px 1px rgba(255,255,255,0.4);*/
	/*box-shadow:0px 0px 10px 1px rgba(255,255,255,0.7);*/
	-moz-animation: fullexpand 2s ease-out;
	-webkit-animation: fullexpand 2s ease-out;
	border-radius: 2px;
}

@-moz-keyframes fullexpand {
	0% { width: 0px; }
	100% { width: 100%; }
}
@-webkit-keyframes fullexpand {
	0% { width: 0px; }
	100% { widht: 100%; }
}
/* 进度条样式 结束 */

#animationZoom>div>img {
	max-width: 90%;
}

/* 翻页箭头动画 */
@-webkit-keyframes upDown {
	0% { bottom: 20px; }
	50% { bottom: 30px; }
	100% { bottom: 20px; }
}
@-moz-keyframes upDown {
	0% { bottom: 20px; }
	50% { bottom: 30px; }
	100% { bottom: 20px; }
}

.arrow {
	display: none;
	width: 10%;
	height: auto;
	position: absolute;
	z-index: 99;
	left: 45%;
	bottom: 20px;
	-webkit-animation: upDown 1.5s ease-in-out infinite;
	-moz-animation: upDown 1.5s ease-in-out infinite;
}
.arrow>img {
	width: 100%;
	height: auto;
}

#lsForm {
	display: none;
	opacity: 0;
	position:absolute;
	z-index: 100;
	width: 100%;
	height: 100%;
	/*background-color: rgba(0, 0, 0, 0.85);*/
	background-color: #262626;
	/*transform: translate(0px, -1000px) scale(0.5, 0.5);*/
	/*-webkit-transform: translate(0px, -1000px) scale(0.5, 0.5);*/
	/*-moz-transform: translate(0px, -1000px) scale(0.5, 0.5);*/
	/*-o-transform: translate(0px, -1000px) scale(0.5, 0.5);*/
	transform: translate(1000px, 0px);
	-webkit-transform: translate(1000px, 0px);
	-moz-transform: translate(1000px, 0px);
	-o-transform: translate(1000px, 0px);
}

.lsRow {
	width: auto;
	height: auto;
	padding: 0;
	margin: 5px auto;
	display: block;
	text-align: center;
}
.limitImgWidth46 img {
	width: 46%;
	height: auto;
}
.limitImgWidth50 img {
	width: 50%;
	height: auto;
}
.limitImgWidth60 img {
	width: 60%;
	height: auto;
}
.limitImgWidth70 img {
	width: 70%;
	height: auto;
}
.limitImgWidth80 img {
	width: 80%;
	height: auto;
	left: 10% !important;
	margin-left: 10% !important;;
}
.limitImgWidth100 img {
	width: 100%;
	height: auto;
}
.limitImgHeight100 img {
	width: auto;
	height: 100%;
}

.lsInput {
	width: 100%;
	line-height: 28px;
	font-size: 18px;
	border: 1px solid rgba(255, 255, 255, 0.3);
	background-color: rgba(0, 0, 0, 0.87);
	color: rgba(255, 255, 255, 0.8);
	padding-left: 5px;
}
.lsInput50 {
	width: 50%;
	line-height: 28px;
	font-size: 18px;
	border: 1px solid rgba(255, 255, 255, 0.3);
	background-color: rgba(0, 0, 0, 0.87);
	color: rgba(255, 255, 255, 0.8);
}
.lsInput57 {
	width: 57%;
	line-height: 28px;
	font-size: 18px;
	border: 1px solid rgba(255, 255, 255, 0.3);
	background-color: rgba(0, 0, 0, 0.87);
	color: rgba(255, 255, 255, 0.8);
}

.lsSelect {
	/*position:absolute;*/
	background-color: rgba(0, 0, 0, 0.87);
	border: 1px solid rgba(255, 255, 255, 0.3);
	color: rgba(255, 255, 255, 0.8);
	font-size: 16px;
	left: 0;
	top: 0;
	width: 100%;
	height: 28px;
	line-height: 28px;
	text-align: center;
	/*border-radius: 5px;*/
}

/*.lsSelect {*/
/**/
/*left: 50px;*/
/*top: 200px;*/
/*width: 200px;*/
/*height: 28px;*/
/*line-height: 28px;*/
/*text-align: center;*/
/*}*/
.lsSelect>input {
	position: absolute;
	text-align: center;
	width: 99%;
	height: 26px;
	left: 0;
	border: none;
}
.lsSelect>div {
	/*position: absolute;*/
	line-height: 30px;
	margin: 0;
	height: 28px;
	text-align: center;
	width: 80%;
	display: inline-block;
}
.lsSelect>div>p {
	margin: 0;
}
.lsSelect>ul {
	position: absolute;
	z-index: 999;
	pointer-events: none;
	list-style: none;
	width: auto;
	height: auto;
	padding: 0;
	background-color: rgba(0, 0, 0, 1);
	margin: 0 0 0 -3px;
	font-size: 14px;
	display: none;
	opacity: 0;
}
.lsSelect>ul li {
	pointer-events: auto;
	padding-left: 5px;
}


.lsOption {
	background-color: rgba(0, 0, 0, 0.87);
	border: 1px solid rgba(255, 255, 255, 0.3);
	color: rgba(255, 255, 255, 0.8);
	font-size: 16px;
}

#lsQRCode {
	display: none;
	opacity: 0;
	position:absolute;
	z-index: 98;
	width: 100%;
	height: 100%;
	background-color: #252525;
	/*left: 0;*/
	/*top: 0;*/
	transform: translate(0px, -1000px);
	-webkit-transform: translate(0px, -1000px);
	-moz-transform: translate(0px, -1000px);
	-o-transform: translate(0px, -1000px);
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
}

/*闪光灯*/
.flashlight {
	/*width: 40%;*/
	/*height: auto;*/
	/*margin-left: 20px;*/
	/*margin-top: 20px;*/
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;

	transform: scale(0, 0);
	-webkit-transform: scale(0, 0);
	-moz-transform: scale(0, 0);
	-o-transform: scale(0, 0);
}
.flash {
	/*-webkit-animation: flash 0.3s cubic-bezier(.48,-0.48,.67,1.5) infinite;*/
	/*-moz-animation: flash 0.3s cubic-bezier(.48,-0.48,.67,1.5) infinite;*/
	/*-webkit-animation: flash 0.8s cubic-bezier(.06,.85,.67,1.5) infinite;*/
	/*-moz-animation: flash 0.8s cubic-bezier(.06,.85,.67,1.5) infinite;*/
	-webkit-animation: flash 0.8s cubic-bezier(.06,.85,.35,.96) infinite;
	-moz-animation: flash 0.8s cubic-bezier(.06,.85,.35,.96) infinite;
	/*-webkit-animation: flash 0.4s ease-in-out infinite;*/
	/*-moz-animation: flash 0.4s ease-in-out infinite;*/
}

@-webkit-keyframes flash {
	0% {
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-o-transform: scale(1, 1);
	}
	100% {
		transform: scale(0, 0);
		-webkit-transform: scale(0, 0);
		-moz-transform: scale(0, 0);
		-o-transform: scale(0, 0);
	}
}
@-moz-keyframes flash {
	0% {
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-o-transform: scale(1, 1);
	}
	100% {
		transform: scale(0, 0);
		-webkit-transform: scale(0, 0);
		-moz-transform: scale(0, 0);
		-o-transform: scale(0, 0);
	}
}

.hightlight {
	/*-webkit-transform-origin: 50% 50%;*/
	/*-moz-transform-origin: 50% 50%;*/
	/*-o-transform-origin: 50% 50%;*/
	/*transform-origin: 50% 50%;*/

	/*transform: scale(0.8, 0.8);*/
	/*-webkit-transform: scale(0.8, 0.8);*/
	/*-moz-transform: scale(0.8, 0.8);*/
	/*-o-transform: scale(0.8, 0.8);*/

	-webkit-animation: flash2 2s cubic-bezier(.06,.85,.35,.96) infinite;
	-moz-animation: flash2 2s cubic-bezier(.06,.85,.35,.96) infinite;
}
@-webkit-keyframes flash2 {
	0% {
		/*transform: scale(0.8, 0.8);*/
		/*-webkit-transform: scale(0.8, 0.8);*/
		/*-moz-transform: scale(0.8, 0.8);*/
		/*-o-transform: scale(0.8, 0.8);*/
		opacity: 0.5;
	}
	50% {
		/*transform: scale(1.1, 1.1);*/
		/*-webkit-transform: scale(1.1, 1.1);*/
		/*-moz-transform: scale(1.1, 1.1);*/
		/*-o-transform: scale(1.1, 1.1);*/
		opacity: 1;
	}
	100% {
		/*transform: scale(0.8, 0.8);*/
		/*-webkit-transform: scale(0.8, 0.8);*/
		/*-moz-transform: scale(0.8, 0.8);*/
		/*-o-transform: scale(0.8, 0.8);*/
		opacity: 0.5;
	}
}
@-moz-keyframes flash2 {
	0% {
		/*transform: scale(0.8, 0.8);*/
		/*-webkit-transform: scale(0.8, 0.8);*/
		/*-moz-transform: scale(0.8, 0.8);*/
		/*-o-transform: scale(0.8, 0.8);*/
		opacity: 0.5;
	}
	50% {
		/*transform: scale(1.1, 1.1);*/
		/*-webkit-transform: scale(1.1, 1.1);*/
		/*-moz-transform: scale(1.1, 1.1);*/
		/*-o-transform: scale(1.1, 1.1);*/
		opacity: 1;
	}
	100% {
		/*transform: scale(0.8, 0.8);*/
		/*-webkit-transform: scale(0.8, 0.8);*/
		/*-moz-transform: scale(0.8, 0.8);*/
		/*-o-transform: scale(0.8, 0.8);*/
		opacity: 0.5;
	}
}
#userInfo {
	position: absolute;
	z-index: 9999;
	width: 60px;
	height: 60px;
	-webkit-transition: -webkit-transform .01s;
	-moz-transition: -moz-transform .01s;
	-ms-transition: -ms-transform .01s;
	-o-transition: -o-transform .01s;
	transition: transform .01s;
}
#userInfo img {
	width: 100%;
	height: 100%;
}